//引入react核心库
//es6的两种暴露的引入方式（默认暴露React；分别暴露{Component}）
import React, { Component } from "react";
import Search from "./Search";
import List from "./List";


export default class TodoList extends Component {
  //状态在哪里，操作状态的方法就在哪里
  state = {
    users: [],//users初始值
    isFirst:true, //是否为第一次打开页面
    isLoading:false,//标识是否处于加载中
    err:'',//存储请求相关的错误信息
  };
  updateAppState = (stateObj) => {
      this.setState(stateObj)
  }

  render() {
    return (
      <div>
        <div className="container">
            <Search updateAppState={this.updateAppState}/>
            {/* 批量传递state */}
            <List {...this.state}/>
        </div>
      </div>
    );
  }
}
